<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>avalon2-webpack2-spa</title>
    <link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.assetsPath %>static/css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.assetsPath %>static/css/font-awesome.css">
    <link rel="stylesheet" type="text/css" href="<%= htmlWebpackPlugin.options.assetsPath %>static/css/index.css">
    <script src="<%= htmlWebpackPlugin.options.assetsPath %>static/js/es6-promise.auto.js"></script>
    <script src="<%= htmlWebpackPlugin.options.assetsPath %>static/js/jquery.js"></script>
    <!--[if lte IE 9]>
      <script src="<%= htmlWebpackPlugin.options.assetsPath %>static/js/jquery.crossdomain-transport.js"></script>
    <![endif]-->
    <!--[if lt IE 9]> 
      <script>var noHotCreateRequire = true;</script>
    <![endif]-->
</head>

<body>
    <div id="header" class="header">
        <h1 class="logo">LOGO</h1>
        <div class="user">Admin</div>
    </div>
    <div id="nav" class="nav">
        <ul class="navList">
            <li class="item"><a href="#!/" class="navItem">首页</a></li>
            <li class="item"><a href="#!/page1" class="navItem">page1</a></li>
            <li class="item"><a href="#!/page2" class="navItem">page2</a></li>
            <li class="item"><a href="#!/page3" class="navItem">page3</a></li>
        </ul>
    </div>
    <div id="pageContainer" ms-controller="test" class="pageContainer">
        <h3> 双向数据绑定 </h3>
        <div class="mt-10">
            <input ms-duplex="@name">
            <p>Hello,{{@name}}!</p>
        </div>
    </div>
    <!-- built files will be auto injected -->
</body>

</html>